<template>
  <div>
    <el-form label-width="80px" :model="pageInfo" size="mini" class="kr-form">
      <el-row>
        <el-form-item label="模板ID">
          <el-input v-model="pageInfo.templateId" disabled class="full-w"></el-input>
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="模板编码">
          <el-input v-model="pageInfo.templateCode" disabled class="full-w"></el-input>
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="模板名称">
          <el-input v-model="pageInfo.templateName" disabled class="full-w"></el-input>
        </el-form-item>
      </el-row>
      <!--<el-row>-->
      <!--  <el-form-item label="模板code">-->
      <!--    <el-input v-model="pageInfo.templateCode" class="full-w"></el-input>-->
      <!--  </el-form-item>-->
      <!--</el-row>-->
      <el-row>
        <el-form-item label="纸张宽度">
          <el-input-number
            v-model="pageInfo.pageWidth"
            controls-position="right"
            :min="0"
            class="min-input"
          ></el-input-number>
          <span class="unit-text">(mm)</span>
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="纸张高度">
          <el-input-number
            v-model="pageInfo.pageHeight"
            controls-position="right"
            :min="0"
            class="min-input"
          ></el-input-number>
          <span class="unit-text">(mm)</span>
        </el-form-item>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  computed: {
    pageInfo() {
      return this.$vptd.state.page
    },
  },
}
</script>

